<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微圈查看</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/microcircle/list/microcircle-list-select.css">
</head>
<body>
<div class="box" style="margin-left: 80px;  width: 1500px;" >
    <table>
        <tr class="table_head">
            <th>微圈管理</th>
        </tr>
        <tr>
            <th class="table_body body_title">标题：</th>
            <th class="table_body body_content" name="artcleTitle"></th>
            <th class="table_body body_title">创作人：</th>
            <th class="table_body body_content" name="userName"></th>
            <th class="table_body body_title">分类：</th>
            <th class="table_body body_content" name="artcleCategroyName"></th>
        </tr>
        <tr>
            <th class="table_body body_title">发布时间：</th>
            <th class="table_body body_content" name="releaseDate"></th>
            <th class="table_body body_title">账号：</th>
            <th class="table_body body_content" name="account"></th>
            <th class="table_body body_title">查看量：</th>
            <th class="table_body body_content" name="acticleHits"></th>
        </tr>
        <tr>
            <th class="table_body body_title">点赞量：</th>
            <th class="table_body body_content" name="acticleLike"></th>
            <th class="table_body body_title">评论量：</th>
            <th class="table_body body_content" name="acticleReviews" id="acticleReviews"></th>
            <th class="table_body body_title">分享量：</th>
            <th class="table_body body_content" name="acticleShare"></th>
        </tr>
    </table>
    <table class="table-class">
        <tr class="table-tr1">
            <td class="table-tr1-td3"><i class="layui-icon layui-icon-chart-screen"></i>&nbsp;&nbsp;文章内容</td>
            <td class="table-tr1-td4">
                <div class="layui-input-inline">
                        <textarea name="article" id="article" class="layui-textarea" style="width: 1300px; height: 410px;resize: none;"
                                  id="article" disabled="disabled"></textarea>
                </div>
            </td>
        </tr>
    </table>
    <!-- 评论 -->
    <div>
        <div class="reply">
            <i class="layui-icon layui-icon-edit"></i>&nbsp;&nbsp;回复评论及需修改内容
        </div>
        <form class="layui-form reply_comment" lay-filter="layForm">
            <div class="layui-form-item">
                <label class="layui-form-label">用户名:</label>
                <div class="layui-input-inline">
                    <input type="text" name="userName" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">账号:</label>
                <div class="layui-input-inline">
                    <input type="text" name="account" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">评论内容:</label>
                <div class="layui-input-inline">
                        <textarea name="content" lay-verify="required" placeholder="请发表您的评论"
                                  class="layui-textarea" style="resize: none;"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="submit" class="layui-btn" lay-submit lay-filter="search">确定</button>
                </div>
            </div>
        </form>
    </div>

    <!-- 全部评论 -->
    <div class="all_reply">
        <div class="all_title"><i class="layui-icon layui-icon-at"></i>&nbsp;&nbsp;全部评论</div>
        <div class="all_body">
            <!--<img id="photo" src="/images/13.jpg"/>
            <label id="comment_user">伊丽莎白</label>
            <label id="comment_content">罗密欧与朱丽叶</label>
            <label id="show_time">2021-10-08</label>
            <a onclick="javascript:hideComment();">隐藏</a>&nbsp;&nbsp;&nbsp;<a onclick="javascript:;">删除</a>-->
        </div>
        <div class="nomore">
            没有更多评论了
        </div>
    </div>
</div>
</body>
<script src="/js/microcircle/list/microcircle-list-select.js"></script>
</html>